<docs>
  ## 推送消息查询
  ## props
</docs>
<template>
  <div class="infor">
    <div class="infor-wrap" v-for="(item, index) in list" :key="index">
      <p class="infor-date">{{item.dxfssj}}</p>
      <div class="infor-text-wrap">
        <p class="infor-text-tit">{{item.sjhm}}</p>
        <div class="infor-text-nr">{{item.dxnr}}</div>
      </div>
    </div>
    <div class="no-text" v-show="list.length===0">暂无数据</div>
  </div>
</template>
<script>
import $ from '@/common/js/axios';

export default {
  name: 'infor',
  data() {
    return {
      list: []
    };
  },
  methods: {
    // 获取申请列表
    GET_reverseList() {
      $.get('/sq/tsxxCx',{ params: { sqid: this.$route.query.sqid} }).then((res) => {
        this.list = res.returnData.tsxx;
      }).catch(() => {});
    }
  },
  created() {
    this.GET_reverseList();
  }
};
</script>
<style lang="scss" scoped>
  @import '~common/scss/variable.scss';
  .infor{
    .no-text{
      width: 984px;
      height: 300px;
      margin:84px auto 0;
      border: $border;
      background: #fff;
      text-align: center;
      line-height: 300px;
    }
    .infor-wrap{
    width: 100%;
    font-size: $font-size-base;
      .infor-date{
        width: 320px;
        height: 66px;
        background: #D3D5DB;
        border-radius:32px;
        margin: 60px auto 40px;
        color: #fff;
        text-align: center;
        line-height: 66px;
      }
      .infor-text-wrap{
        padding: $padding-base;
        box-sizing: border-box;
        border: $border;
        background: #fff;
        .infor-text-tit{
          padding-left: 84px;
          margin-bottom: 46px;
          background: url('~imgs/xx.png') 0 0 no-repeat;
          background-size:48px 48px;
          font-size: $font-size-base;
          font-weight: bold;
          color: $color-text-title;
          line-height: 54px;
        }
        .infor-text-nr{
          font-size: $font-size-small;
          color: $color-text-title;
          line-height: 54px;
        }
      }
    }
  }
</style>
